*{margin: 0 auto;padding: 0 auto;list-style: none;}
a{text-decoration: none;}
body{font: normal 12px/1.5 'Microsoft Yahei',Helvetica,arial,sans-serif;margin-bottom: 100px;}
//网站上部开始
header{
//  顶部区域开始
//灰条区域
    #top_bar{
        height: 34px;width:100%;background:#fafafa ;line-height: 34px;
        color: @color;border-bottom: 1px solid #fafafa;@color:#9a9a9a;
        .top_center{
            width: 1200px;line-height: 34px;height: 34px;
            .fl{display: inline;float: left;}
            .fr{display: inline;float: right;}
            .top_site a{padding-left: 15px;color: @color;}
            .top_user{
                margin-left: 20px;padding-left: 20px;
                a{color: @color;}
            }
            .top_nav a{color: @color;}
        }
    }
//  长图广告
    #pic{
        width: 100%;height: 75px;position: relative;background: url(../img/160720093200524938.jpg)
        no-repeat center center;display: block;
        }
//      顶部区域结束
//  头部栏开始
    #head_bar{
        width: 100%;height: 90px;position: relative;background: #f1f1f1;padding-top: 30px;
        .h_center{
            width: 1200px;
            .fl{display: inline;float: left;}
            .fr{display: inline;float: right;}
//          logo
            .headbar_logo{
                position: relative;
                img{width: 220;height: 50px;}
            }
            .headbar_slogan{position: relative;margin-left: 20px;top: -5px;}
//          中间搜索
            .headbar_search{ 
                position: relative;margin-left: 30px;
                .search_box{
                    height: 40px;
                    .search_input{
                        width: 350px;height: 40px;line-height: 40px;margin-left: 3px;font-size: 14px;
                        padding: 0 15px ;border: none;
                    }
                    .search_btn{
                        display: block;width: 100px;height: 40px;line-height: 40px;text-align: center;
                        font-size: 16px;letter-spacing: 5px;color: #fff;background: #ea4234;
                    }
                }
                .search_words{
                        color: #919090;padding-top: 5px;a{color: #919090; &:hover{color: #EA4234;}}   
                }                                  
            }
//          购物车
            .buy_car_box{
                position: relative;
                .my_car{
                    cursor: pointer;width: 96px;height: 38px;line-height: 38px;
                    border: 1px solid #e0e0e0;background: red;position: relative;
                    background-image: url(../img/buycar.png);
                    background-repeat: no-repeat;background-color: #fbfbfb;background-position: 14px 10px;
                    padding-left: 44px;font-size: 16px;color: #565656;
    //               
                .silder{
                    width: 8px;height: 20px;line-height: 20px;color: #fff;position: absolute;
                    top: -11px;left: 40px;padding-left: 7px;
                    background: url(../img/dxt_left_bg1.png) no-repeat;
                    b{
                        position: absolute;left: 8px;top: 0;height: 19px;
                        background: url(../img/dxt_right_bg2.png) no-repeat right top;
                        padding-right: 7px;
                    }
                }
            }
                .car_empty{
                    text-align: center;position: absolute;top: 38px;left: -169px;width: 309px;
                     height: 86px;line-height: 86px;background: #fff;border: 1px solid #e0e0e0;
                    display: none;z-index: 10;
                    }
                    &:hover .car_empty{display: block;}
                .car_cont{
                    display: none;background: #fff;width: 309px;position: absolute;top: 38px;
                    left: -169px;border: 1px solid #e0e0e0;z-index: 99;
                    }    
            }
            
            
        }
    } 
//头部栏结束
//导航条开始
    #nav_bar{
        background: #2c2c2c;height: 45px;line-height: 45px;font-size: 18px;position: relative;
        .nav_center{
            width: 1200px;overflow: hidden;
            .navbar_list{
                overflow: hidden;padding: 0px;
            }
            .navbar_list .item{
                float: left;position: relative;cursor: pointer;
                .link{color: white;padding: 0px 20px;}
            }
            .navbar_list .on{background:#ea4234;}
            .navbar_list .all{
                background: #504f4f;
                &:hover .nav_list{display: block;}
                //           左侧菜单
                .nav_list{
                    display: none;border: 1px solid #ddd;z-index: 98;position: relative;
                    .bar{
                        background:white;
                        &:hover .nav_page{display: block}
                    }
                    padding: 0;
                    .bar .nav_title{
                    border-bottom: 1px solid #eee;height: 50px;line-height: 50px;padding-left: 45px;
                    font-size: 16px;cursor: pointer;
                        &:hover{
                            color: #fff;
                        }
                    }
                    .type1{
                        background: url(../img/icon19.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon001.png)no-repeat 15px center;}
                    }
                    .type2{
                        background: url(../img/icon009.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon002.png)no-repeat 15px center;}
                    }
                    .type3{
                        background: url(../img/icon010.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon003.png)no-repeat 15px center;}
                    }
                    .type4{
                        background: url(../img/icon012.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon005.png)no-repeat 15px center;}
                    }
                    .type5{
                        background: url(../img/icon013.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon006.png)no-repeat 15px center;}
                    }
                    .type6{
                        background: url(../img/icon014.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon007.png)no-repeat 15px center;}
                    }
                    .type7{
                        background: url(../img/icon015.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon008.png)no-repeat 15px center;}
                    }
//                  二级菜单隐藏页
                    .bar .nav_page{
                        border: 1px solid #ea4234;position: absolute;top:0px;left:147px;
                        width: 490px;height: 407px;background: #fff;display: none;z-index: 99;
                        overflow: hidden;
                        .nav_container{
                            position: relative;height: 100%;padding: 0px 15px;
                            .nav_name{
                                height: 50px;line-height: 50px;border-bottom: 1px solid #eee;
                                font-size: 16px;font-weight: bold;
                            }
                            .nav_type .item{
                                float: left;padding-top: 20px;width: 25%;font-size: 14px;
                                white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
                                a{color: #666;}
                            }
                            .nav_img{
                                position: absolute;left: 0px; bottom: 0px;width: 100%;z-index: 200;
                                opacity: 0.5;
                                &:hover{opacity: 1;}
                            }
                        }
                    }
                }
               
            }
        }
    }
//导航条结束
}
// 网站上部结束
//<!--中部主要区域-->
#content_box{
    position:relative;padding-top: 20px;width: 1210px;margin: 0 auto;z-index: 10;
    height: 1300px;
    .content{
        position: absolute; 
        .about_search{
            height: 32px;line-height: 32px;position: relative;z-index:11;
            .fl{
                float: left;display: inline;
                a{
                    color: #6666ff;padding:0px 10px;
                }
            }
        }
        .main{
            .options{
                .fl{float: left;display: inline;}
                border: 1px solid #eee;
                .choice{
                    height: 40px;line-height: 40px;padding-left: 8px;font-size: 14px;
                    border-bottom: 1px dotted #8CC3F0;font-style: normal;
                    span{color: #ff3400;}
                    i{font-style: normal;}
                    .ss_item{
                        position: relative;display: inline-block;height: 22px;line-height: 22px;
                        border: 1px solid #DDD;font-size: 12px;margin: 0 5px 5px 0;
                        padding: 0 26px 0 4px;cursor: pointer;
                    }
                    a{
                        color: #666;
                        i{
                            display: block;position: absolute;width: 25px;height: 22px;right: 0;
                            top: 0;background: url(../img/searchele.png) no-repeat 7px -140px;
                        }
                    }
                }
                .brand_choice{
                    border-bottom: 1px dotted #8CC3F0;width: 1208px;overflow: hidden;
                    em{
                        font-weight: bold;width: 80px;height: 35px;line-height: 35px;text-align: right;
                        font-style: normal;display: block;margin: 0;
                    }
                    ul{
                        width: 1085px;
                        li a{
                            padding: 5px 10px;margin-top: 5px;color: #6666ff;
                        }
                    }
                }
                .price_choice{
                    border-bottom: 1px dotted #8CC3F0;width: 1208px;overflow: hidden;
                    span{
                        font-weight: bold;width: 80px;height: 35px;line-height: 35px;text-align: right;
                    }
                    ul{
                        width: 1085px;
                        li a{
                            padding: 5px 10px;margin-top: 5px;color: #6666ff;
                        }
                    }
                }
                .net_choice{
                    border-bottom: 1px dotted #8CC3F0;width: 1208px;overflow: hidden;
                    span{
                        font-weight: bold;width: 80px;height: 35px;line-height: 35px;text-align: right;
                    }
                     ul{
                        width: 1085px;
                        li a{
                            padding: 5px 10px;margin-top: 5px;color: #6666ff;
                        }
                    }
                }
                .size_choice{
                    border-bottom: 1px dotted #8CC3F0;width: 1208px;overflow: hidden;
                    span{
                        font-weight: bold;width: 80px;height: 35px;line-height: 35px;text-align: right;
                    }
                     ul{
                        width: 1085px;
                        li a{
                            padding: 5px 10px;margin-top: 5px;color: #6666ff;
                        }
                    }
                }
                .color_choice{
                    border-bottom: 1px dotted #8CC3F0;width: 1208px;overflow: hidden;
                    span{
                        font-weight: bold;width: 80px;height: 35px;line-height: 35px;text-align: right;
                    }
                     ul{
                        width: 1085px;
                        li a{
                            padding: 5px 10px;margin-top: 5px;color: #6666ff;
                        }
                    }
                }
            }
            .detail{
                .fl{float: left;display: inline;}
                padding-bottom: 15px;margin-top: 20px;
                .detail_title{
                    background: #f7f7f7;border-bottom: 1px solid #e7e3e7;float: left;width: 1210px;
                    ul li a{
                        height: 38px;line-height: 38px;color: #333;border: none;
                        padding: 0 11px;font-weight: bold;
                    }
                }
                .detail_list{
                    border: 1px solid #ccc;padding-left: 0px;overflow: hidden;
                    .detail_count{
                        &:hover{box-shadow: 0px 0px 10px   #666666;}
                        p{padding-left: 14px;padding-right: 14px;width: 196px;}
                        width: 224px;border-bottom: 1px solid #eee;margin: 10px 6px 0 3px;
                        padding-bottom: 15px;
                        .p_img{
                            padding: 12px;
                        }
                        .name{
                            text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
                            color: #333;line-height: 22px;
                            a{
                                color: #666;
                                &:hover{color: red;}
                            }
                        }
                        .des{
                            color: #ff0000;line-height: 22px;height: 22px;
                            span{
                                text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
                                width: 150px;
                            }
                        }
                        .price{
                            line-height: 22px;height: 22px;
                            strong{
                                margin-right: 5px;font-family: verdana;font-size: 14px;color: #E4393C;
                            }
                        }
                    }
                }
            }
            .pages{
                overflow: hidden;
                .pages_center{
                    clear: both;color: #999;padding: 5px 0px 20px 0px;width: 1000px;float: right;
                    .pages_btn{
                        float: left;margin-top: 5px;
                        a{
                            border: 1px solid #ccc;float: left;padding: 10px 20px;
                            border-radius: 5px;margin-right: 5px;color: #999;cursor: pointer;
                            &:hover{
                                background: #31ACE2;border: 1px solid #31ACE2;color: white;
                            }
                        }
                    }
                }
            }
        }
    }
}
//<!--中部主要区域-->
//<!--底部区域-->
#foot_box{
    width: 100%;min-width: 1210px;margin: 0 auto;height: 150px;background: #999999;
    position: relative;
    .foot_center{
        width: 1210px;margin: 0 auto;overflow: hidden;position: relative;color: white;
        .friend{
                margin-top: 25px;margin-bottom: 14px;height: 12px;
                dt{color: white;margin-bottom: 10px;float: left;margin-right: 10px;}
                .fl{
                    float: left;border-right: 1px solid white;padding-left: 10px;padding-right: 10px;
                    a{
                        color: white;
                    }
                }
        }
        p{margin-top: 10px;text-align: left;}
    }
}
//<!--底部区域-->